@import '@/common/css/main.scss';
$imageBase: 'https://micang-image.oss-cn-shenzhen.aliyuncs.com/00cle';
$ft_black:#252525;
$theme_purple:#6E5EBC;

@mixin flex($d:row,$j:center,$a:center){
	display: flex;
	flex-direction: $d;
	justify-content: $j;
	align-items: $a;
}
@mixin icon($w:32rpx) {
	width: $w;
	height: $w;
}
@mixin ft($size:32rpx,$lineHeight:45rpx,$color:$ft_black,$fw:normal) {
	font-size: $size;
	color: $color;
	line-height: $lineHeight;
	font-weight: $fw;
}
// 图片
@mixin bgm($path,$w:100%,$h:100%) {
	background-image: url($imageBase+'/'+$path);
	background-repeat: no-repeat;
	background-size: $w $h;
}
@mixin butt-circle($width:630rpx) {
	display: flex;
	justify-content: center;
	align-items: center;
	width:$width;
	height: 88rpx;
	border-radius: 88rpx;
	font-size:28rpx;
	color:#fff;
}
view {
	box-sizing: border-box;
}
.flex-center {
	@include flex;
}
.flex-between {
	@include flex(row,space-between,center);
}
.flex-start {
	@include flex(row,flex-start,center);
}

// 图片
.image-thumb-stroke {
	@include bgm('icon-thunb-stroke.png');
}
.image-forward-stroke {
	@include bgm('icon-forward-stroke.png');
}
.image-eye-stroke {
	@include bgm('icon-eye-stroke.png');
}
.image-arrow-lighter {
	@include bgm('icon-arrow-lighter.png');
}
.image-arrow-right {
	@include bgm('icon-arrow-right.png');
}
.image-arrow-black {
	@include bgm('arrow-black.png');
}
.image-display {
	@include bgm('icon-display.png');
}
.image-bgm-my {
	@include bgm('bgm-my.png');
}
.bgm-school {
	@include bgm('bgm-school.png',780rpx,812rpx);
}
.image-heart-fill {
	@include bgm('icon-heart-fill.png');
}
.image-heart-stroke {
	@include bgm('icon-heart-stroke.png');
}
.image-pencil {
	@include bgm('icon-pencil.png');
}
.bgm-card {
	@include bgm('bgm-card.png');
}
.image-photo {
	@include bgm('icon-photo.png');
}
.image-card-code {
	@include bgm('bgm-card-code.png');
}
.image-wchat-black {
	@include bgm('icon-wchat-black.png');
}
.image-phone-black {
	@include bgm('icon-phone-black.png');
}
.image-thumb-fill {
	@include bgm('image-thumb-fill@2x.png');
}
.image-vipcard-bgm {
	@include bgm('vip-card-bgm@2x.png');
}
.image-close-circle {
	@include bgm('close-circle-icon@2x.png');
}
.image-vipcard-icon {
	@include bgm('vip-card-icon@2x.png');
}
// end图片
.icon32 {
	@include icon;
}
.icon48 {
	@include icon(48rpx);
}
.icon64 {
	@include icon(64rpx);
}
.icon88 {
	@include icon(88rpx);
	border-radius: 88rpx;
}
.icon128 {
	@include icon(128rpx);
	border-radius: 128rpx;
}
.ft60 {
	@include ft(60rpx, 84rpx);
}
.ft44 {
	@include ft(44rpx,62rpx);
}
.ft36,.ft36-bold,.ft36-white {
	@include ft(36rpx,50rpx);
}
.ft36-bold {
	font-weight:bold;
}
.ft36-white {
	color: #fff;
}
.ft32,.ft32-bold,.ft32-purple {
	@include ft(32rpx,56rpx,$ft_black);
}
.ft32-purple {
	color:$theme_purple;
}
.ft32-bold {
	font-weight: bold;
}
.ft28,.ft28-bold {
	@include ft(28rpx,40rpx);
}
.ft28-bold {
	font-weight:bold;
}
.ft26,.ft26-gray,.ft26-white {
	@include ft(26rpx,37rpx);
}
.ft26-gray {
	color:#999;
}
.ft26-white {
	color: #fff;
}
.ft24,.ft24-gray,.ft24-black,.ft24-666,.ft24-purple {
	@include ft(24rpx,33rpx);
}
.ft24-gray {
	color: #999999;
}
.ft24-black {
	color: #323232;
}
.ft24-666 {
	color: #666666;
}
.ft24-purple {
	color: $theme_purple;
}
.ft22,.ft22-white {
	@include ft(22rpx,30rpx,#909399);
}
.ft22-white {
	color: #fff;
}
.ft20, .ft20-white {
	@include ft(20rpx,28rpx,#fff);
}

.text-underline {
	text-decoration: underline;
}
.nowrap {
	white-space: nowrap;
}
/***box***/
.margin-t266 {
	margin-top: 266rpx;
}

.margin-t68 {
	margin-top: 68rpx;
}
.margin-t50 {
	margin-top: 50rpx;
}
.margin-t48 {
	margin-top: 48rpx;
}
.margin-t44 {
	margin-top: 44rpx;
}
.margin-t40 {
	margin-top: 40rpx;
}
.margin-t36 {
	margin-top: 36rpx;
}
.margin-t30 {
	margin-top: 30rpx;
}
.margin-t24 {
	margin-top: 24rpx;
}
.margin-t22 {
	margin-top: 22rpx;
}
.margin-t20 {
	margin-top: 20rpx;
}
.margin-t16 {
	margin-top: 16rpx;
}
.margin-t12 {
	margin-top:12rpx;
}
.margin-t10 {
	margin-top: 10rpx;
}   
.margin-t8 {
	margin-top: 8rpx;
}
.margin-r8 {
	margin-right: 8rpx;
}
.margin-t6 {
	margin-top: 6rpx;
}
.margin-l68 {
	margin-left: 68rpx;
}
.margin-l30 {
	margin-left: 30rpx;
}
.margin-l24 {
	margin-left: 24rpx;
}
.margin-l8 {
	margin-left: 8rpx;
}
.page-bottom {
	padding-bottom: 96rpx;
}

/********/
@mixin box($w:750rpx) {
	background-color: #fff;
	border-radius: 16rpx;
	width: $w;
}
.box {
	@include box;
	padding: 30rpx;
}
// 分享弹窗
.share-popup,
.uni-popup__wrapper-box {
	.share-footer {
		height: 90rpx;
		line-height: 90rpx;
		border-top: 2rpx #f5f5f5 solid;
		text-align: center;
		color: #666;
	}
}


